<template>
    <!-- 第一个版本 -->
    <li>
      <i :class="icon"></i>
      <div class="timeline-item">
        <span v-if="!!time" class="time"><i class="fa fa-clock-o"></i>{{time}}</span>
        <h3 class="timeline-header">{{title}}</h3>
        <div class="timeline-body">
          {{content}}
        </div>
      </div>
    </li>
</template>

<script>
  export default {
    name:"TimelineItem",
    props:{

      //具体时间
      time:String,

      //图标
      icon:{
        type:String,
        default:"fa fa-circle bg-aqua"
      },

      //标题
      title:{
        type:String,
        required:true
      },

      //内容
      content:{
        type:String,
        required:true
      }
    }
  }
</script>



// WEBPACK FOOTER //
// TimelineItem.vue?465d1cd4